.Box{
	width:100%;
	min-height: 100vh;
	background-color:#f2f2f2;
	padding-top: 32rpx;
	font-family: PingFang SC, PingFang SC-Heavy;
}
.headerBox{
	margin:0 32rpx 32rpx 32rpx;
	background-color: #fff;
	padding: 20rpx;
	display: flex;
	border-radius: 20rpx;
	.headerImgBox{
		width: 152rpx;
		height: 152rpx;
		.headerImg{
			width: 100%;
			height: 100%;
			border-radius: 20rpx;
		}
	}
	.headerRight{
		margin-left: 20rpx;
		width: 474rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		.title{
			font-weight: 800;
		}
		.text{
			font-size: 24rpx;
			color: #ff0000;
		}
	}
}

.lineTypeBox {
  margin:42rpx 32rpx 32rpx 32rpx;
  background-color: #ffff;
  width:686rpx;
  display: flex;
  height: 108rpx;
  border-radius: 20rpx;
  align-items: center;
  justify-content: space-between;

  .text {
    margin-left: 40rpx;
    font-weight: 800;
  }

  .PinyinBox {
    display: flex;
    align-items: center;
   
      .PinyinRight {
        font-size: 36rpx;
        color: #757575;
      }
  }

  .rightBox {
    width: 36rpx;
    height: 36rpx;
    background: #4186f5;
    border-radius: 50%;
    margin-right: 40rpx;
  }
}

.NumberBox{
	height: 108rpx;
	display: flex;
	align-items:center;
	justify-content: space-between;
	margin: 32rpx;
	background-color: #fff;
	border-radius: 20rpx;
	padding: 0 32rpx;
	.NumberText{
		font-weight: 800;
	}
	.NumberIcon{
		display: flex;
		align-items: center;
		.iconText{
			width: 32rpx;
			height: 32rpx;
			background: #f2f2f2;
			border-radius: 8rpx;
			display: flex;
			justify-content: center;
			align-items: center;
			font-size: 16rpx;
		}
		.iconTextTwo{
			background: #e1ecff;
		}
		.iconLeft{
			color: #ccc;
		}
		.iconCenter{
			font-size: 28rpx;
			margin: 0 22rpx;
		}
		.iconRight{
			color:#4186f5 ;
		}
	}
	
}


.TouristInformation {
	margin: 32rpx;
  margin-top: 40rpx;
  background-color: #ffff;
  display: flex;
  flex-direction: column;
  // height: 280rpx;
  border-radius: 20rpx;

  .formBox {
    width: 672rpx;
    background: #ffffff;
    border-radius: 10px;
    margin: auto;

    .formItem {
      padding: 18rpx 0rpx;
      margin: 0 20rpx 0 40rpx;
      display: flex;
      border-bottom: 2rpx solid #eeeeee;
      font-size: 28rpx;

      .itemLeft {
        width: 200rpx;
      }
    }
  }
}

.TouristInformation-1 {
  display: flex;
}

.TouristInformation-text {
  padding-left: 40rpx;

  font-weight: 800;

}

.TouristInformation-text2 {
  color: #4286F5;
  font-size: 30rpx;
}

.TouristInformation-icon {
  padding-left: 180rpx;
}

.TouristInformation-1 {
  margin-top: 40rpx;
}

.quantity {
  padding-left: 45rpx;
  padding-top: 20rpx;

}

.quantity text {
  color: #FF0000;
}

.visitors {
  padding: 0rpx 20rpx 18rpx 0;

  .visitorsItem {
   padding: 16rpx 10rpx 16rpx 20rpx;
    border: 2rpx solid #dddddd;
    border-radius: 8rpx;
    position: relative;
	display: flex;
    .itemName {
      font-size: 28rpx;
      color: #212121;
    }

    .visitorsIcon {
      position: absolute;
      top: -14rpx;
      right: -14rpx;
    }
  }
  .visitorsShow {
  	padding-right: 20rpx;
  }
}

.addVisitor {
  padding: 0rpx 15rpx 18rpx 0;
}

.verticalLayout {
  display: flex;
  flex-wrap: wrap;
  margin-left: 45rpx;
  margin-top: 20rpx;
}
